<template>
	<view>
		<view class="quota-header">
			<view class="quota-header-title">融多多优选贷</view>
			<view class="quota-header-txt">预授信总额度(元)</view>
			<view class="quota-header-num">520,000</view>
		</view>
		<view class="WithdrawalBox">
			<view class="WithdrawalTxt">融多贷,当前可借(元)</view>
			<view class="WithdrawalNum">20,000</view>
			<view class="WithdrawalDesc">年利率18.00% | 单笔可借1000-20000元 | 快速放贷</view>
			<view class="comeWithdrawal" @click="receiveQuotaClick(1)">去提款</view>
		</view>
		<view class="WithdrawalBox" style="margin-top: 30rpx;">
			<view class="WithdrawalTxt">融多多大额贷,最高可借(元)</view>
			<view class="WithdrawalNum">500,000</view>
			<view class="WithdrawalDesc">年利率18.00% | 急速审核 | 快速放贷</view>
			<view class="comeWithdrawal" style="background: #FFFFFF;border: 1rpx solid #DFAE7E;color: #FF8C39;" @click="receiveQuotaClick(2)">去申请</view>
		</view>
		<view style="margin-top: 60rpx;padding-bottom: 60rpx;">
			<view class="dingzhicase">以下是为您定制的高通过率贷款方案</view>
			<view class="recommendList">
				<view class="lendingNum">
					<image src="../../static/brandlogo.png" mode=""></image>
					<view class="lendingBrand">桔多多</view>
					<view class="lendingPrice">10000</view>
					<view class="lendingQuota">平均额度（元）</view>
				</view>
				<view class="lendingInfor">
					<text>期限6-12月\n</text>
					<text>最快5分钟放贷\n</text>
					<text>年费率36%\n</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			receiveQuotaClick(index){
				if(index == 1){
					uni.navigateTo({ 
						url:'../second/PreferredLoan'
					})
				}else if(index == 2){
					uni.navigateTo({
						url:'../second/loanAll'
					})
				}
			}
		}
	}
</script>

<style>
	page{
		background: #F8F8F8;
	}
	.quota-header{
		background-image: url(../../static/quota.png);
		background-size: 100% 657rpx;
		width: 100%;
		height: 657rpx;
	}
	.quota-header{
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
	}
	.quota-header-title{
		font-size: 36rpx;
		padding-top: 80rpx;
	}
	.quota-header-txt{
		font-size: 26rpx;
		margin-top: 55rpx;
	}
	.quota-header-num{
		font-size: 85rpx;
		margin-top: 20rpx;
	}
	.WithdrawalBox{
		width: 688rpx;
		height: 473rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 40rpx 0px rgba(0, 0, 0, 0.1);
		border-radius: 20rpx;
		margin: -286rpx auto 0 auto;
		font-family: PingFang SC;
		font-weight: bold;
		text-align: center;
	}
	.WithdrawalTxt{
		font-size: 26rpx;
		color: #000000;
		padding-top: 50rpx;
	}
	.WithdrawalNum{
		font-size: 80rpx;
		color: #000000;
		margin-top: 10rpx;
	}
	.WithdrawalDesc{
		font-size: 24rpx;
		font-weight: 500;
		color: #888888;
		margin-top: 33rpx;
	}
	.comeWithdrawal{
		width: 593rpx;
		height: 87rpx;
		background: linear-gradient(-84deg, #FF8C39, #FF7E35);
		box-shadow: 0px 3rpx 10rpx 0px rgba(0, 0, 0, 0.16);
		border-radius: 43rpx;
		margin: 60rpx auto 0 auto;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 87rpx;
	}
	.dingzhicase{
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #B0B0B0;
		line-height: 36rpx;
		margin-left: 53rpx;
		margin-bottom: 30rpx;
	}
	.recommendList{
		width: 660rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		height: 176rpx;
		border-top: 2rpx solid #F8F8F8;
		padding: 30rpx 0 30rpx 50rpx;
		margin: 10rpx auto 0 auto;
	}
	.lendingNum{
		display: inline-block;
		font-family: PingFang SC;
		width: 250rpx;
	}
	.lendingNum image{
		width: 24rpx;
		height: 27rpx;
	}
	.lendingInfor{
		display: inline-block;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 300;
		color: #000000;
		line-height: 50rpx;
		margin-left: 40rpx;
	}
	.lendingBrand{
		font-size: 28rpx;
		font-weight: bold;
		color: #000000;
		line-height: 23rpx;
		margin-left: 20rpx;
		display: inline-block;
	}
	.lendingPrice{
		font-size: 60rpx;
		font-weight: bold;
		color: #FF8C39;
		line-height: 100rpx;
	}
	.lendingQuota{
		font-size: 26rpx;
		font-weight: 300;
		color: #000000;
		line-height: 23rpx;
	}

</style>
